<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
		<!-- Google Chrome Frame也可以让IE用上Chrome的引擎: -->
		<meta name="renderer" content="webkit">
		<!--国产浏览器高速模式-->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="author" content="Mr. Yao" />
		<!-- 作者 -->
		<meta name="revised" content="Yao.v1, 2018/02/27" />
		<!-- 定义页面的最新版本 -->
		<meta name="description" content="网站简介" />
		<!-- 网站简介 -->
		<meta name="keywords" content="搜索关键字，以半角英文逗号隔开" />
		<title>穷在闹市出品</title>

		<!-- 公共样式 开始 -->
		<link rel="stylesheet" type="text/css" href="../css/base.css">
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
		<script type="text/javascript" src="../framework/jquery-1.11.3.min.js" ></script>
		<link rel="stylesheet" type="text/css" href="../layui/css/layui.css">
		<script type="text/javascript" src="../layui/layui.js" ></script>
		<!-- 滚动条插件 -->
		<link rel="stylesheet" type="text/css" href="../css/jquery.mCustomScrollbar.css">
		<script src="../framework/jquery-ui-1.10.4.min.js"></script>
		<script src="../framework/jquery.mousewheel.min.js"></script>
		<script src="../framework/jquery.mCustomScrollbar.min.js"></script>
		<script src="../framework/cframe.js"></script><!-- 仅供所有子页面使用 -->
		<!-- 公共样式 结束 -->
		
		<!--报表-->
		<script type="text/javascript" src="../framework/echarts.min.js" ></script>
		<link rel="stylesheet" type="text/css" href="../css/backHome.css">
		<script type="text/javascript" src="../js/backHome.js" ></script>
	</head>

	<body>
		<div class="row">
			<div class="col-md-2">
				<div class="module">
					<div class="title"><span></span><font>今日数据统计</font></div>
					<div class="content">
						<div class="today_data">
							<ul>
								<li class="new_bt">
									<div class="state"><i class="iconfont icon-xiangxiajiantoucuxiao"></i></div>
									<div class="data1">
										<p>今日订单数量</p>
										<h1>2</h1>
									</div>
									<div class="data2">
										<p>与昨日数量比</p>
										<h1>5%</h1>
									</div>
								</li>
								<li>
									<div class="state"><i class="iconfont icon-xiangshangjiantoucuxiao"></i></div>
									<div class="data1">
										<p>今日订单总金额</p>
										<h1>2</h1>
									</div>
									<div class="data2">
										<p>与昨日金额比</p>
										<h1>5%</h1>
									</div>
								</li>
								<li>
									<div class="state">- - </div>
									<div class="data1">
										<p>今日下单商户数</p>
										<h1>2</h1>
									</div>
									<div class="data2">
										<p>与昨日数量相比</p>
										<h1>5%</h1>
									</div>
								</li>
								<li>
									<div class="state"><i class="iconfont icon-xiangshangjiantoucuxiao"></i></div>
									<div class="data1">
										<p>平台拥有总商户数</p>
										<h1>2564</h1>
									</div>
									<div class="data2">
										<p>昨日总商户数</p>
										<h1>2500</h1>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md_5">
				<div class="module">
					<div class="title"><span></span><font>全国开通城市分布图</font></div>
					<div class="content">
						<div id="echartsMap" style="width: 100%;height:325px;"></div>
					</div>
				</div>
			</div>
			<div class="col-md-2 no_mr">
				<div class="module">
					<div class="title"><span></span><font>出单时段统计</font></div>
					<div class="content">
						<div class="service_data">
							<ul>
								<li>
									<font>00:00</font>
									<div class="data"><div class="num" style="width: 85%;"></div></div>
									<span>300单</span>
								</li>
								<li>
									<font>02:00</font>
									<div class="data"><div class="num" style="width: 94%;"></div></div>
									<span>300单</span>
								</li>
								<li>
									<font>04:00</font>
									<div class="data"><div class="num" style="width: 65%;"></div></div>
									<span>300单</span>
								</li>
								<li>
									<font>06:00</font>
									<div class="data"><div class="num" style="width: 75%;"></div></div>
									<span>300单</span>
								</li>
								<li>
									<font>08:00</font>
									<div class="data"><div class="num" style="width: 75%;"></div></div>
									<span>300单</span>
								</li>
								<li>
									<font>10:00</font>
									<div class="data"><div class="num" style="width: 75%;"></div></div>
									<span>300单</span>
								</li>
								<li>
									<font>12:00</font>
									<div class="data"><div class="num" style="width: 75%;"></div></div>
									<span>300单</span>
								</li>
								<li>
									<font>14:00</font>
									<div class="data"><div class="num" style="width: 75%;"></div></div>
									<span>300单</span>
								</li>
								<li>
									<font>16:00</font>
									<div class="data"><div class="num" style="width: 75%;"></div></div>
									<span>300单</span>
								</li>
								<li>
									<font>18:00</font>
									<div class="data"><div class="num" style="width: 75%;"></div></div>
									<span>300单</span>
								</li>
								<li>
									<font>20:00</font>
									<div class="data"><div class="num" style="width: 75%;"></div></div>
									<span>300单</span>
								</li>
								<li>
									<font>22:00</font>
									<div class="data"><div class="num" style="width: 75%;"></div></div>
									<span>300单</span>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-5">
				<div class="module">
					<div class="title"><span></span><font>订单总量统计</font></div>
					<div class="content">
						<div id="echartsOrderNum" style="width: 100%;height:325px;"></div>
					</div>
				</div>
			</div>
			<div class="col-md-5 no_mr">
				<div class="module">
					<div class="title"><span></span><font>交易金额总量统计</font></div>
					<div class="content">
						<div class="today_data">
							<div id="echartsMoney" style="width: 100%;height:325px;"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../framework/china.js"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=wWdTUDMYlX7BfX9bXQwuBET8g6FeHoT4"></script>
	<script>
		
		var BJData = [
		    [{name:'成都'}, {name:'上海',value:95}],
		    [{name:'成都'}, {name:'广州',value:90}],
		    [{name:'成都'}, {name:'大连',value:80}],
		    [{name:'成都'}, {name:'南宁',value:70}],
		    [{name:'成都'}, {name:'南昌',value:60}],
		    [{name:'成都'}, {name:'拉萨',value:50}],
		    [{name:'成都'}, {name:'长春',value:40}],
		    [{name:'成都'}, {name:'包头',value:30}],
		    [{name:'成都'}, {name:'重庆',value:20}],
		    [{name:'成都'}, {name:'常州',value:10}],
		    [{name:'成都'}, {name:'北京',value:9}],
		    [{name:'成都'}, {name:'乌鲁木齐',value:10}],
		    [{name:'成都'}, {name:'杭州',value:10}]
		];
		echartsMap("echartsMap",BJData);
		
		var data = [820, 932, 901, 934, 1290, 1330, 1320];
		var title = ['今天', '昨天', '1月15日', '1月16日', '1月17日', '1月18日', '1月19日'];
		echartsOrderNum("echartsOrderNum",data,title);
		
		var data1 = [1120000, 15268423, 8729600, 1012500, 13220000, 1012500, 11320000];
		var title1 = ['今天', '昨天', '1月15日', '1月16日', '1月17日', '1月18日', '1月19日'];
		echartsMoney("echartsMoney",data1,title1);
	</script>
</html>
